let React = require('react');

let Header = React.createClass({
  handleClick: function () {
    location.href = 'join.html';
  },
  render: function () {
    return (
      <div>
        <div className="hero" id="hero">
          <div className="hero-inner">
            <a className="hero-logo" href="#"><img alt="Logo Image" src="logo.png"/></a>
            <div className="hero-copy">
              <h1>{this.props.title}</h1>
              <p>{this.props.description}</p>
              <button onClick={this.handleClick}>现在探索</button>
            </div>
          </div>
        </div>
      </div>

    );
  }
});
module.exports = Header;

/*
<header className="navigation" role="banner">
  <div className="navigation-wrapper">
    <a className="logo" href="javascript:void(0)">
      <img alt="Logo Image" src="logo.png"/>
    </a>
    <a className="navigation-menu-button" href="javascript:void(0)" id="js-mobile-menu">MENU</a>
    <nav role="navigation">
      <ul className="navigation-menu show" id="js-navigation-menu">
        <li className="nav-link"><a href="javascript:void(0)">产品</a></li>
        <li className="nav-link"><a href="javascript:void(0)">关于</a></li>
        <li className="nav-link"><a href="javascript:void(0)">信息</a></li>
        <li className="nav-link more"><a href="javascript:void(0)">更多</a>
          <ul className="submenu">
            <li><a href="javascript:void(0)">Submenu Item</a></li>
            <li><a href="javascript:void(0)">Another Item</a></li>
            <li className="more"><a href="javascript:void(0)">Item with submenu</a>
              <ul className="submenu">
                <li><a href="javascript:void(0)">Sub-submenu Item</a></li>
                <li><a href="javascript:void(0)">Another Item</a></li>
              </ul>
            </li>
            <li className="more"><a href="javascript:void(0)">Another submenu</a>
              <ul className="submenu">
                <li><a href="javascript:void(0)">Sub-submenu</a></li>
                <li><a href="javascript:void(0)">An Item</a></li>
              </ul>
            </li>
          </ul>
        </li>
      </ul>
    </nav>
    <div className="navigation-tools">
      <div className="search-bar">
        <form role="search">
          <input placeholder="搜索……" type="search"/>
          <button type="submit">
            <img alt="Search Icon" src="search-icon.png"/>
          </button>
        </form>
      </div>
    </div>
  </div>
</header>
*/
